<!DOCTYPE html>
<!-- manifest="/header.appcache" -->
<html lang="en" >
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>订单结算</title>
</head>
<script src="../../js/edition.js"></script>
<link rel="stylesheet" href="../../css/base.css">
<script>
        document.write("<l"+"ink rel='stylesheet' href='../../css/cart.css?version="+edition+"'>")
</script>
<script>
        document.write("<l"+"ink rel='stylesheet' href='../../css/style.css?version="+edition+"'>")
</script>
<link rel="stylesheet" href="../../css/popover.css">
<script>
        document.write("<l"+"ink rel='stylesheet' href='../../css/index.css?version="+edition+"'>")
</script>
<script src="../../js/jquery.js"></script>
<script src="../../js/template.js"></script>
<script> 
        document.write("<s"+"cript type='text/javascript' src='../../js/url.js?version="+edition+"'></scr"+"ipt>"); 
</script>
<script> 
        document.write("<s"+"cript type='text/javascript' src='../../js/cart.js?version="+edition+"'></scr"+"ipt>"); 
</script>
<script src="../../js/popover.js"></script>
<script src="../../js/jquery.cookie.js"></script>
<script>
document.write("<s"+"cript type='text/javascript' src='../../js/crowdfunding_header.js?version="+edition+"'></scr"+"ipt>"); 
</script>
<script src="../../js/index_foot.js"></script>
<script> 
        document.write("<s"+"cript type='text/javascript' src='../../js/login.js?version="+edition+"'></scr"+"ipt>"); 
</script>
<script src="../../js/cookie.js"></script>
<script> 
        document.write("<s"+"cript type='text/javascript' src='../../js/setArea.js?version="+edition+"'></scr"+"ipt>"); 
</script>
<script> 
        document.write("<s"+"cript type='text/javascript' src='../../js/pay_commit.js?version="+edition+"'></scr"+"ipt>"); 
</script>
<style>
    .site_bg dd input[type='button'] {font-size: 16px;width: 100px;height: 36px;background: #3385ff;color: #ffffff;border-radius: 4px;border: #3385ff solid 1px;margin-left: 80px;cursor: pointer;}
    .site_bg1 {background: url(../../img/base/icon_icon.png) center center no-repeat;height: 394px;margin-top: -200px;}
	.cart_tit{top: 20px}
	.cart_tit .jindu {width: 460px;height: 10px;background: url(../../img/base/icon_116.png) center center no-repeat;position: absolute;top: 50%;left: 50%;z-index: 1;margin-top: -5px;margin-left: -120px;}
</style>
<body>
	<header class="mod_head"></header>
	<div class="cart_bg" style="background: rgb(255, 255, 255); margin-bottom:20px;">
        <!-- 众筹商品列表 -->
        <div class="crowdfunding_goods">
            <h2>商品及服务信息</h2>
            <div style="border-bottom:#f0f0f0 solid 1px">
                <ul>
                    <li>
                        <p class="cro_img">
                            <img src="" alt="">
                        </p>
                        <p class="cro_title">
                                俄罗斯边境的天然馈赠，蜂农直供纯正农家好蜂蜜！
                        </p>
                        <p class="cro_name">
                                爱鸭卤火锅感谢您的支持！ 您将获得： 爱鸭卤火锅2盒（参考价78元）
                        </p>
                        <p class="cro_mo">
                            <span class="fl">￥189.00 × 1</span>
                            <span class="fl">
                                    8kg
                            </span>
                            <span class="fl">
                                    ￥189.00
                            </span>
                        </p>
                    </li>
                </ul>
            </div>
        </div>
        <!-- 无收获地址 -->

		<!-- 选择收货地址 -->
        <div class="site_list address_wrap  site_list_list" style="border: 0px; padding: 0px 32px; box-sizing: border-box; margin-top: 0px;">
            <h2 style="position: relative;">
                收货地址选择
                <!-- <em class="fr add_site add_address">新增地址</em>    
                <em class="fr more">更多地址</em> -->
                <i style="position: absolute;z-index: 2;width: 3px; height: 30%; top: 35%;left: -12px; background: #f10215;"></i>
            </h2>  
            <em class="fl add_site add_address" style="font-size:14px; margin-left:21px;margin-bottom:10px; color:#006699;cursor: pointer;">新建收货地址</em>
            <ul style="width:100%; height:auto; overflow:hidden;box-sizing: border-box; padding:0 14px;">
                <!-- 地址列表 -->
            </ul>    
        </div>
        <div class="crowdfunding_goods">
                <h2 style="border-top:#f0f0f0 solid 1px;">结算信息</h2>
                <dl>
                        <dd>
                            <span>发票：</span>
                            <span style="width:500px;">
                                <em>
                                    <input type="radio" value="1" name="invoice" id="invoice1" checked="checked">
                                    <label for="invoice1">无需发票</label>
                                </em>
                                <em>
                                    <input type="radio" value="2" name="invoice" id="invoice2">
                                    <label for="invoice2">个人开票</label>
                                    <input type="text" id="invoiceTitleOne" placeholder="请填写发票抬头"> 
                                </em>
                                <em>
                                    <input type="radio" value="3" name="invoice" id="invoice3">
                                    <label for="invoice3">单位开票</label> 
                                    <input type="text" id="invoiceTitle" placeholder="请填写发票抬头">
                                    <input type="text" id="taxpayerNumber" placeholder="请填写纳税人识别号">
                                </em>
                            </span>
                        </dd>
                        
                        <dd>
                            <span>合计：</span>
                            <em class="hj">
                                    10件商品，￥198.00
                            </em>
                        </dd>
                        <dd class="store1">
                            <span>
                                    运费：
                            </span>
                            ￥<i>20.00</i>
                        </dd>
                        <dd>
                            <span>应付金额：</span>
                            <i class="unitPrice" style="font-size:18px; color:#f10215;font-weight:600">￥189.00</i>
                        </dd>
                        <dd style="color:#666">
                            <span style="height:36px;"></span>
                            <input style="vertical-align: -2px;margin-right:4px;display: inline-block;" type="checkbox"  name="" id="checkbox">我已阅读并同意当买众筹<a style="color:#006699">《支持者协议》</a>
                        </dd>
                        <dd>
                            <div class="pay" style="margin-left:118px;margin-top:20px; overflow:hidden">
                                    <input class="fl" style="width:140px; height:36px; line-height:36px" type="submit" id="pay" value="提交订单">
                            </div>
                        </dd>
                    </dl>
        </div>        
    </div>
    <footer class="mod_foot"></footer> 
</body>
<script id="address" type="text/html">
    {{ for(var i = 0; i < addressList.length; i++) { }}
        <li data-addres-id="{{=addressList[i].addressId}}">
            <p class="address_tit name_lin name_title">
                <span class="address_name fl">{{=addressList[i].addressee}}</span>
                <span class="address_phone fr">{{=addressList[i].phone}}</span>
            </p>
            <p class="address_info bor_b" data-area-info="{{=addressList[i].areaInfo}}" data-address="{{=addressList[i].address}}">
                {{=addressList[i].areaInfo}}   {{=addressList[i].address}}
            </p>
            <p class="address_bottom name_lin name_foot">
                    <span class="fl address_set_default" data-isDefault="{{=addressList[i].isDefault}}" data-addres-id="{{=addressList[i].addressId}}">
                            {{=addressList[i].isDefaultTxt}}
                    </span>
                    <span class="fr">
                        <em class="edit_address" data-provinceId="{{=addressList[i].provinceId}}" data-cityId="{{=addressList[i].cityId}}" data-areaId="{{=addressList[i].areaId}}">编辑</em>
                        <em class="delete_address">删除</em>
                    </span>
            </p>
        </li>
    {{ } }}
</script>
<script>
    $(function(){
        $('.more').click(function(){
            window.location.href='../member/member_address.html' 
        }); 
    }); 
</script>
</html>
<script> 
	document.write("<s"+"cript type='text/javascript' src='../../js/popover_binding.js?version="+edition+"'></scr"+"ipt>"); 
</script>
<script> 
    $(function(){
        ajax_form();
        // 选择发票类型，出现输入框
        $('input[type="radio"]').click(function(){
            showInput();
        })
        function showInput(){
            $('input[type="radio"]').each(function(){
                if($(this).is(':checked')){
                    $(this).siblings('input[type="text"]').css('opacity','1');
                }else{
                    $(this).siblings('input[type="text"]').css('opacity','0');
                    $(this).siblings('input[type="text"]').val('');
                }
            });
        }showInput();
		// 底部小图标路径修改
		$('.foot_list>img').each(function(){
			var src = $(this).attr('src');
			$(this).attr('src','../../'+src);
		});
		// 底部链接修改
		$('.footer_ul a').each(function(){
			var newHref = $(this).attr('href');
			if(newHref!='javascript:;'){
				$(this).attr('href','..'+newHref);
			}
        });
    });
</script>
<script> 
    document.write("<s"+"cript type='text/javascript' src='../../js/nav_hover.js?version="+edition+"'></scr"+"ipt>"); 
</script>